@font-face { font-family: "titfont"; src: url('../font/webfont.eot'); src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), url('../font/webfont.woff') format('woff'), url('../font/webfont.ttf') format('truetype'), url('../font/webfont.svg#iconfont') format('svg') }
body { background: #f5f5f5 }
.in-banner { height: 420px; z-index: 9; overflow: hidden; margin-top: 38px }
.in-banner li { float: left }
.in-banner .img { width: 100%; height: 420px }
.right-notice { position: relative; z-index:9 }
.right-notice .notice { width: 228px; height: 400px; top: 7.5px; position: relative; float: right; margin-top: -420px; }
.right-notice .notice .shade{width: 228px; height: 400px;background: #fff; opacity: .8; filter: alpha(opacity=80);position:absolute;top:0;z-index:0}
.right-notice .notice .list { padding: 0 15px; margin-bottom: 10px;position:relative;z-index:1;}
.right-notice .notice .list .tit { position: relative; height: 36px; color: #3a3a3a; line-height: 36px; }
.right-notice .notice .list .tit a { position: absolute; top: 0; right: 0 }
.right-notice .notice .list ul { overflow: hidden; white-space: nowrap }
.right-notice .notice .list li { line-height: 24px; list-style: disc; margin-left: 18px }
.right-notice .notice .list li .hot { color: #cb0000 }
.right-notice .notice .pic { width: 228px; margin-top: 10px; border-top: 1px solid #ebebeb; text-align: center; height: 177px; display: table-cell; vertical-align: middle; overflow: hidden;position:relative;z-index:1;}
.right-notice .notice .pic img { width: 150px }
.right-notice .notice .wap-icon { width: 100%;position: absolute; bottom: 0 ;z-index:1}
.right-notice .notice .wap-icon p{line-height: 32px; background: #686868; color: #fff; text-align: center;cursor:pointer}
.right-notice .notice .wap-icon:hover .wap-pic{display:block;cursor:pointer}

.right-notice .notice .wap-icon .wap-pic{position:absolute;display:none;}
.unslider { position: relative }
.unslider-nav { position: absolute; bottom: 10px; z-index: 9; left: 0; right: 0; text-align: center }
.unslider-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; border-radius: 50%; background: #fff; text-indent: -999px; overflow: hidden; cursor: pointer; behavior: url(/image/pie.htc) }
.unslider-nav .unslider-active { background: #f69 }
.headline { height: 26px; border-left: 4px solid #84af9b; font-size: 20px; font-weight: 700; line-height: 26px; padding-left: 6px; color: #666; margin-bottom: 10px; margin-top: 25px }
.headline span { font-family: "titfont"; font-size: 18px; margin-left: 10px }
.hot-brand { margin-top: 10px;position:relative;}
/* .bg_ad{background:url(http: /www.zhubaojie.com/mallstore/templates/default/statics/image/hot_brand_bg.png) center 0px no-repeat;position:absolute; width:100%; height:477px;} */
.bg_ad {
    background: url('http://www.zhubaojie.com/mallstore/templates/default/statics/image/hot_brand_bg.png') center 0px no-repeat;
    position: absolute;
    width: 100%;
    height: 477px;
}
.activity-bg{width:100%;height:450px;display:inline-block;background:url(../image/chunjie_bg.png) center no-repeat;position:absolute;}
.hot-brand .headline span { color: #517966 }
.hot-brand li { width: 240px; float: left; text-align: center }
.hot-brand li a { text-decoration: none }
.hot-brand .img { position: relative; z-index: 6 }
.hot-brand li:last-of-type .text { border-right: 1px solid #dbdbdb; height: 153px }
.hot-brand li:last-of-type .text a { width: 127px; line-height: 33px; text-align: center; border-radius: 20px; behavior: url(/image/pie.htc); background: #333; color: #fff; display: inline-block; margin-top: 40px }
.hot-brand .logo { width: 104px; height: 93px; top: -46px; background: url(../image/brand_div.png); position: relative; z-index: 9; text-align: center; display: table-cell; vertical-align: middle; *display:block;
 *font-size:75px
}
.hot-brand .logo img { width: 70px }
.hot-brand .text { border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-top: -94px; padding-top: 60px; height: 60px; background: #fff }
.hot-brand .text h3 { font-size: 16px; color: #333; margin-bottom: 10px }
.hot-brand .text p { font-size: 14px; color: #666; margin-bottom: 16px }
.choice .headline { border-color: #038fa6 }
.choice .headline span { color: #008ea6 }
.choice .box { height: 410px }
.choice .first { position: relative; float: left; margin-right: 10px; height: 410px; width: 255px; overflow: hidden }
.choice .first .text { position: absolute; color: #fff; top: 37px; left: 34px }
.choice .first .text .no-4 { font-size: 16px; margin-bottom: 10px }
.choice .first .text .no-1 { font-size: 20px; font-weight: 700 }
.choice .first .text .no-1 span { color: #fbfc00 }
.choice .first .text a { width: 55px; line-height: 22px; border-radius: 10px; display: inline-block; border: 1px solid #fff; text-align: center; margin-top: 28px; color: #fff; text-decoration: none }
.choice .mr0 { margin-right: 0; float: right }
.choice .mb10 { margin-bottom: 10px }
.choice .blo4 { width: 680px; float: left }
.choice .blo4 .first { width: 330px; height: 200px; overflow: hidden; float: left }
.hot-push .headline { border-color: #e1453f; position: relative }
.hot-push .headline span { color: #e1453f }
.hot-push .headline button { position: absolute; top: 2px; right: 0; height: 26px; line-height: 26px; background: none; cursor: pointer; font-size: 16px; font-weight: 500; color: #666 }
.hot-push .headline button i { margin-right: 5px; font-size: 14px }
.hot-push a { text-decoration: none }
.hot-push a:hover .name { color: #e1453f }
.hot-push a:hover .name span { color: #e1453f }
.hot-push li { width: 198.8px; height: 282px; float: left; background: #fff; border: 1px solid #efefef; margin-left: -1px; position: relative }
.hot-push li:hover { border-color: #e1453f; z-index: 9 }
.hot-push .img { width: 198.8px; height: 200px; display: table-cell; vertical-align: middle }
.hot-push .img img { width: 100% }
.hot-push .name { padding: 6px 18px; color: #2f2f2f; height: 32px; overflow: hidden }
.hot-push .load { text-align: center; line-height: 200px; font-size: 14px; width: 1200px }
.hot-push .load i { display: inline-block; animation: loadanimation 2s linear infinite; margin-right: 4px }
@-webkit-keyframes loadanimation {  0% {
 -webkit-transform: rotate(0deg)
}
 50% {
 -webkit-transform: rotate(180deg)
}
 100% {
 -webkit-transform: rotate(360deg)
}
}
.hot-push .name span { display: inline-block; color: #888; font-size: 11px }
.hot-push .price { font-size: 12px; color: #e1453f; margin-left: 18px }
.hot-push .price span { font-size: 18px }
.hot-push .price .ce { font-size: 14px; font-family: 'titfont' }
.adsense img { margin: 26px 0 0 0 }
.floor .headline { border: none; position: relative }
.floor .headline ul { position: absolute; right: 0; top: 6px; color: #888 }
.floor .headline li { font-weight: 100; font-size: 12px; float: left; border-left: 1px solid #919191; height: 13px; line-height: 13px; padding: 0 10px }
.floor .headline li:first-child { border: none }
.floor .headline .more { font-weight: 100; font-size: 12px; height: 13px; display: inline-block; border: none; line-height: 13px; margin-left: 10px }
.floor .headline .more i { font-size: 12px; margin-left: 3px; position: relative; top: -1px }
.floor .headline .more a:hover { text-decoration: none }
.floor .box { height: 540px;}
.floor .l-ban { width: 240px; margin-right: 10px; float: left }
.floor .l-ban .top-pic { position: relative; overflow:hidden; }
.floor .l-ban .top-pic p { width: 100%; text-align: center; line-height: 27px; position: absolute; bottom: 0; background: rgba(255,255,255,0.7); left: 0 }
.floor .l-ban .btn-pic { margin-top: 10px }
.floor .r-list { width: 950px; height: 540px; float: left }
.floor .r-list li { width: 236.5px; height: 269px; border: 1px solid #efefef; float: left; background: #fff; margin-left: -1px; margin-top: -1px }
.floor .r-list li:hover { position: relative; z-index: 6; border-color: #e1453f }
.floor .r-list a:hover .name { color: #e1453f }
.floor .r-list a:hover .name span { color: #e1453f }
.floor .r-list a { text-decoration: none }
.floor .r-list .img { width: 236.5px; height: 236.5px; text-align:center; }
.floor .r-list .img img { width:200px; height:200px; margin:auto;}
.floor .r-list .name { position: relative; top: -40px; padding: 6px 18px; color: #2f2f2f;height:34px;overflow:hidden;}
.floor .r-list .name span { display: block; color: #888; font-size: 11px }
.floor .r-list .price { position: relative; top: -40px; font-size: 12px; color: #e1453f; margin-left: 18px }
.floor .r-list .price span { font-size: 18px }
.floor .r-list .price .ce { font-size: 14px; font-family: 'titfont' }
.lf-nav-bar { width: 44px; background: #e9e6e6; position: fixed; right: 50%; top: 50%; margin-right: 640px; padding-bottom: 4px; display: none; z-index: 999 ;transform: translateY(-55%);}
.lf-nav-bar li { width: 28px; height: 29px; line-height: 14px; background: #655f61; padding: 4px; color: #fff; margin: 4px 4px 0 4px; text-align: center; cursor: pointer }
.lf-nav-bar li i { display: block }
.lf-nav-bar li:hover { background: #f69 }
.lf-nav-bar li:first-child { line-height: 29px; background: #ff1a66 }
.lf-nav-bar .scrollTop { background: #acacac }
.lf-nav-bar .active { background: #f69 }
.in-news .box { height: 263px }
.in-news .l-ban { width: 246px; height: 263px; margin-right: 0; overflow: hidden }
.in-news .l-ban .top-pic { width: 246px }
.in-news .list-box { width: 600px; height: 263px; background: #fff; float: left }
.in-news .list-box .tit { font-weight: 600 }
.in-news .hot-list { width: 193px; height: 251px; padding: 6px 10px; border-right: 1px dashed #f1f1f1; float: left }
.in-news .hot-list a { text-decoration: none }
.in-news .hot-list li { height: 25px; line-height:25px; overflow:hidden;text-overflow:ellipsis;}
.in-news .hot-list p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; height: 25px }
.in-news .pic-list { float: left; width: 366px; height: 253px; padding: 6px 10px }
.in-news .pic-list li { margin-left: 10px; width: 178px; float: left }
.in-news .pic-list li .t { font-weight: 600 }
.in-news .pic-list li .d { height: 60px; line-height: 21px; overflow: hidden; margin-top: 6px }
.in-news .pic-list li:first-child { margin-left: 0 }
.in-news .rig-list { width: 354px; height: 263px; float: right }
.in-news .rig-list li { position: absolute; float: left; z-index: 1 }
.in-news .rig-list img { width: 354px; height: 263px }
.in-news .rig-list p { background: rgba(0,0,0,0.6); text-align: center; width: 100%; line-height: 32px; color: #fff; position: absolute; bottom: 0 }
.in-news .unslider-arrow { position: absolute; top: 50%; margin-top: -31px; z-index: 22; display: block; width: 28px; height: 62px; line-height: 62px; background: #808080; background: rgba(0,0,0,0.2); color: #fff; text-align: center; font-size: 22px; font-weight: 400; font-family: simsun }
.in-news .next { right: 0 }
.in-news .prev { left: 0 }
.h-enough { margin-top: 16px }
.h-enough .tit { width: 1200px; height: 36px; background: url(../image/enough_bor.png) center no-repeat; background-size: 1200px; text-align: center; font-size: 20px; font-weight: 600 }
.h-enough .tit span { display: block; font-size: 11px; font-weight: 100; color: #666 }
.h-enough li { background: #fff; height: 316px; float: left; width: 232px; margin-right: 10px; margin-top: 10px }
.h-enough li:nth-child(5n) { margin-right: 0 }
.h-enough .img { width: 232px; height: 232px; display: table-cell; vertical-align: middle; text-align:center; }
.h-enough .img img { width: 200px; height:200px; margin:auto; }
.h-enough .name { margin: 8px 10px 0 10px; height: 36px; overflow: hidden }
.h-enough .name a { color: #7f7f7f }
.h-enough .price { margin: 8px 10px 0 10px; color: #e1453f }
.h-enough .price span { font-size: 16px }
.h-enough .price .ce { font-size: 14px; font-family: 'titfont' }
